<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>fangbing</title>
<link href="/res/css/bootstrap.css" rel="stylesheet">
<link href="/res/css/metisMenu.css" rel="stylesheet">
<link href="/res/css/fullcalendar.css" rel="stylesheet">
<link href="/res/css/jquery-ui.css" rel="stylesheet">
<link href="/res/css/sb-admin-2.css" rel="stylesheet">
<link href="/res/css/font-awesome.css" rel="stylesheet">

<script src="/res/js/moment.js"></script>
<script src="/res/js/jquery-2.1.4.js"></script>
<script src="/res/js/bootstrap.js"></script>
<script src="/res/js/jquery-ui.js"></script>
<script src="/res/js/fullcalendar.js"></script>
<script src="/res/js/metisMenu.js"></script>
<script src="/res/js/sb-admin-2.js"></script>

</head>
<style id = "style">
body { padding-top: 50px; }
</style>
<body>
<div id="wrapper">
    <nav class="navbar navbar-fixed-top" role="navigation"
         style="margin-bottom: 0;background-color: #FF0088">
        <div class="navbar-header">
            <a class="navbar-brand" style="color: #FFF">方冰的系统</a>
        </div>
        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
                    <li>
                        <a href="#top1"><i class="fa fa-heart fa-fw" id="top1"></i>月经计算<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="#top2"><span onclick="load('/menstruation/getMenstruationBaseByUserId.do')" id="top2"><i
                                        class="fa fa-heart fa-fw"></i>月经计算基本信息注册</span></a>
                            </li>
                            <li>
                                <a href="#top3"><span onclick="load('/menstruation/search.do')" id="top3"><i
                                        class="fa fa-heart fa-fw"></i>月经周期</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#top11"><i class="fa fa-user fa-fw" id="top11"></i>用户信息<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="#top12"><span onclick="load('/user/searchUserList.do')" id="top12"><i
                                        class="fa fa-user fa-fw"></i>用户信息列表</span></a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div id="page-wrapper" style="height: 100%">
        <div class="embed-responsive embed-responsive-16by9">
            <iframe id="frame_content" scrolling="auto" width="100%"
                    style="background-color=transparent"></iframe>
        </div>
    </div>
</div>
</body>
<script>
    function load(url) {
        $("#frame_content").attr("src", url);
        $("#frame_content").attr("height", document.body.scrollHeight * 0.85);
        $("#frame_content").attr("width", document.body.scrollWidth - 170);
    }
</script>
</html>
